<form action="/register/process" method="post" class="contentLeft">
	<h3>快速注册</h3>
	<p>注册成为拾客用户，获得更快速的交互体验！</p>
	<?php echo view::show('standard/messages')?>
	<?php echo view::show('standard/errors')?>
	<table class="formTable" >
		<tr><th>用户名</th><td><input type="text" name="username" id="username" value="<?php echo @$view['username']?>" maxlength="12"/>
			<span id="checkusername" class="check"></span>
			<p class="tip">可以是字母和数字，至少5位，必须以字母开关，不区分大小写。</p>
			<button type="button" name="checkavailable" id="checkavailable">检查用户是否可用</button>
		<tr><th>密码</th><td><input type="password" name="password" id="password"/>
			<span id="checkpassword" class="check"></span></td></tr>
		<tr><th>确认密码</th><td><input type="password" id="repasswd"/>
			<span id="checkrepasswd" class="check"></span></td></tr>
		<tr><th>邮箱</th><td><input type="text" name="email" id="email" value="<?php echo @$view['email']?>"/>
			<span id="checkemail" class="check"></span>
			<p class="tip">请准确填写邮箱，忘记密码时会发送邮件到该邮箱。</p></td></tr>
		<tr><th>服务条款</th><td><div id="rule">
		</div><label><input type="checkbox" id="accede"/>我已阅读并同意以上服务条款</label></td></tr>
		<tr><th>验证码</th><td><img src="/assets/seccode.php" id="verifyimg" title="刷新" onclick="changecode()"/>
			<p class="tip">请输入图中的数字</p>
			<input type="text" name="seccode" id="seccode"/>
			<span id="checkseccode" class="check"></span></td></tr>
		<tr><th></th><td><button type="submit" id="regbtn" class="submit">马上注册</button></td></tr>
	</table>
	<h3>已经拥有帐号？</h3>
	<p>如果您已拥有拾客帐号，请使用已有的帐号信息直接进行<a href="/login">登录</a>即可，不需要重复注册。</p>
</form>
<script type="text/javascript">
$(function(){
	$('#username').focus();
	
	// check the register form
	username = /^[A-Za-z][A-Za-z0-9]{4,11}$/i;	
	email = /^(([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5}){1,25})+([;.](([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5}){1,25})+)*$/i;
	verifycode = /^[0-9]{4}$/i;
	available = 0;
	verified = 0;
	
	$("#username").blur(function(){
		$("#checkusername").text((!username.test($(this).val()))?"请输入正确的用户名！":"");
	}).change(function(){
		available = 0;
	});
	$('#checkavailable').click(function(){
		$('#username').blur();
		if(username.test($('#username').val()))
			$.getJSON("/register/valid/"+$('#username').val(), null, function(data){
					$("#checkusername").text(data.code?"可以注册":"已经注册");
					available = data.code;
				});
	});
	$("#email").blur(function(){
		$("#checkemail").text((!email.test($(this).val()))?"请输入正确的邮件地址！":"");
	});
	$("#password").blur(function(){
		$("#checkpassword").text(($(this).val().length<6)?"密码至少6位":"");
	}).change(function(){
		$("#checkrepasswd").text("请重复以上密码，以避免错误");
	});
	$("#repasswd").blur(function(){
		$("#checkrepasswd").text(($(this).val()!=$("#password").val())?"两次输入的密码不一致，请重试":($(this).val().length<6)?"":"");
	});
	$('#seccode').blur(function(){
		if(!verifycode.test($(this).val())){
			$('#checkseccode').text("验证码为4位数字");
		}else{
			$.getJSON("/check/seccode/"+$(this).val(),function(data){
				$("#checkseccode").text(data.msg);
				verified = data.code;
			});
		}
	});
	$("#regbtn").click(function(){
		if(!username.test($("#username").val())){$("#username").blur().focus();return false;}
		if(!available){$("#checkusername").text("请选检查用户名是否可用");$('#checkavailable').focus();return false;}
		if($("#password").val().length<6){$("#password").blur().focus();return false;}
		if($("#repasswd").val()!=$("#password").val()){$("#repasswd").blur().focus();return false;}
		if(!email.test($("#email").val())){$("#email").blur().focus();return false;}
		if(!$("#accede").attr('checked')){alert("请阅读并同意条款");$("#accede").focus();return false;}
		if(!verifycode.test($("#seccode").val())){$("#seccode").blur().focus();return false;}
		if(!verified){$('#seccode').focus(); return false;}
	});
});
</script>